<template>
  <div class="bg">
    <div class="content bg4">
      
      <text class="font34 text1 tCenter">{{T('操作提示')}}</text>
      <div class="height50"></div>
      <text class="font28 text2">{{T('检测到您的币币账户中拥有非USDT资产和委托，您可以手动撤单并兑换成USDT后进行托管，您也可以选择以下操作：')}}</text>
      <div class="height50"></div>


      <div v-for="(item, index) in types" v-bind:key="index"
      :class="['selse', 'bg3', type==index ? 'main-b1' : 'bk3']"
      @click="selseClci(index)">
        <text class="font28 text2">{{T(item)}}</text>
      </div>
      <div class="height20"></div>
      
      <div class="line-l bg2"></div>
      <div class="row">
        <div class="but" @click="butClick(true)">
          <text class="font34 text3">{{T('取消')}}</text>
        </div>
        <div class="line-v bg2"></div>
        <div class="but" @click="butClick(false)">
          <text class="font34 main-t1">{{T('取消')}}</text>
        </div>
      </div>
    </div>
  </div>
</template>

<style src="@/_css/style.css" ></style>
<style scoped>
.bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
}
.content {
  width: 600px;
  border-radius: 24px;
  padding-top: 50px;
  padding-left: 40px;
  padding-right: 40px;
}
.selse {
  border-radius: 16px;
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 40px;
  margin-bottom: 30px;
  border-width: 2px;
}
.line-l {
  height: 1px;
  margin-left: -40px;
  margin-right: -40px;
}
.line-v {
  width: 1px;
  height: 90px;
}
.but {
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 90px;
}
</style>

<script>

//功能
import config from "@/_js/config";
import jnavigator from "@/_js/navigator";

import I18N from "@/_i18n/i18n";
var T = I18N.t;
export default {
  //变量
  data() {
    return {
      T:T,
      config:config,
      types:['自动撤销委托并平仓兑换USDT', '快找持仓资产，承诺不进行手动交易'],
      type:0,
    };
  },

  //释放前
  beforeDestroy() {
  },

  //渲染前
  created() {
  },

  //方法
  methods: {
    /************************** 点击*/
    //选择
    selseClci(index) {
      this.type = index;
    },

    //按钮
    butClick(bol) {
      this.$emit("click", bol);
      jnavigator.dismiss();
    }
  },
};
</script>
